﻿<script type="text/javascript">

	//SuckerTree Vertical Menu 1.1 
	 var menuids = [] //Enter id(s) of SuckerTree UL menus, separated by commas
	 menuids.push("suckertree" + 1);
	 menuids.push("suckertree" + 2);
	 menuids.push("suckertree" + 3);
	 menuids.push("suckertree" + 4);
	 menuids.push("suckertree" + 5);
	 menuids.push("suckertree" + 6);
	 menuids.push("suckertree" + 7);
	 menuids.push("suckertree" + 8);
	 menuids.push("suckertree" + 9);
	 menuids.push("suckertree" + 10);
	 function buildsubmenus() {
		 for (var i = 0; i < menuids.length; i++) {
			 var ultags = document.getElementById(menuids[i]);
			 if (ultags != null) {
				 ultags = ultags.getElementsByTagName("ul");
				 for (var t = 0; t < ultags.length; t++) {
					 ultags[t].parentNode.getElementsByTagName("a")[0].className = "subfolderstyle";
					 if (ultags[t].parentNode.parentNode.id == menuids[i]) //if this is a first level submenu
						 ultags[t].style.left = ultags[t].parentNode.offsetWidth + "px"; //dynamically position first level submenus to be width of main menu item
					 else //else if this is a sub level submenu (ul)
						 ultags[t].style.left = ultags[t - 1].getElementsByTagName("a")[0].offsetWidth + "px"; //position menu to the right of menu item that activated it
					 ultags[t].parentNode.onmouseover = function () {
						 this.getElementsByTagName("ul")[0].style.display = "block";
					 };
					 ultags[t].parentNode.onmouseout = function () {
						 this.getElementsByTagName("ul")[0].style.display = "none";
					 };
				 }
				 for (var t = ultags.length - 1; t > -1; t--) { //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars
					 ultags[t].style.visibility = "visible";
					 ultags[t].style.display = "none";
				 }
			 }
		 }
	 }

	 if (window.addEventListener)
		 window.addEventListener("load", buildsubmenus, false);
	 else if (window.attachEvent)
		 window.attachEvent("onload", buildsubmenus);

 </script>
 
 	<div id="left" class="fl">
		<div id="left_column">
			<div class="left_box">
				<div class="left_title">
					<a style="color: #FFF;" title="Điện thoại" href="/home/ViewMobiles">
						<div class="white_bg">
							<div class="fl"><img alt="Điện thoại" src="../../Content/images/mobile_icon-30x22.png"></div>
							<div class="red_bg_left fl"> Điện thoại </div>
							<div class="fr"><img src="../../Content/images/right_menu_s.png"></div>
							<div class="clr"></div>
						</div>
					</a>
				</div>
				<div class="left_bellow_title"></div>
				<div class="suckerdiv">
					<ul id="suckertree1">
						<li>
							<a class="subfolderstyle" title="Pantech SKY" href="/home/ViewMobilesBrand/Sky">
								<span><img alt="Pantech SKY" src="../../Content/images/300_x_-_pantech1-0x17.jpg"></span>
								<span>Pantech SKY</span>
							</a>
						</li>

						<li>
							<a class="subfolderstyle" title="LG" href="/home/ViewMobilesBrand/LG">
								<span><img alt="LG" src="../../Content/images/300_x_79_lg4-0x17.jpg"></span>
								<span>LG</span>
							</a>
						</li>

						<li>
							<a class="subfolderstyle" title="SamSung" href="/home/ViewMobilesBrand/SamSung">
								<span>
									<img alt="SamSung" src="../../Content/images/300_x_79_samsung2-0x17.jpg">
								</span>
								<span>SamSung</span>
							</a>
						</li>

						<li>
							<a class="subfolderstyle" title="HTC" href="/home/ViewMobilesBrand/HTC">
								<span>
									<img alt="HTC" src="../../Content/images/300_x_79_htc-0x17.jpg">
								</span>
								<span>HTC</span>
							</a>
						</li>

						<li>
							<a class="subfolderstyle" title="Sony" href="/home/ViewMobilesBrand/Sony">
								<span>
									<img alt="Sony" src="../../Content/images/300_x_79_sony-0x17.jpg">
								</span>
								<span>Sony</span>
							</a>
						</li>
						
						<li>
							<a class="subfolderstyle" title="Apple iPhone" href="/home/ViewMobilesBrand/Apple">
								<span><img alt="Apple iPhone" src="../../Content/images/300_x_79_apple2-0x17.jpg"></span>
								<span>Apple iPhone</span>
							</a>
						</li>
						
						
						<li>
							<a class="subfolderstyle" title="BlackBerry" href="/home/ViewMobilesBrand/BlackBerry">
								<span>
									<img alt="BlackBerry" src="../../Content/images/bb_300_x791-0x17.jpg">
								</span>
								<span>BlackBerry</span>
							</a>
						</li>

						<li>
							<a title="Oppo" href="/home/ViewMobilesBrand/Oppo">
								<span>
									<img alt="Oppo" src="../../Content/images/300_x_79_oppo-0x17.jpg">
								</span>
								<span>Oppo</span>
							</a>
						</li>
						
						<li>
							<a class="subfolderstyle" title="Google Nexus" href="/home/ViewMobilesBrand/Nexus">
								<span>
									<img alt="Google Nexus" src="../../Content/images/300_x_79_-_google-0x17.jpg">
								</span>
								<span>Google Nexus</span>
							</a>
						</li>
						
						<li>
							<a title="GiONEE" href="/home/ViewMobilesBrand/GiONNE">
								<span>
									<img alt="GiONEE" src="../../Content/images/300_x_79_gionee-0x17.jpg">
								</span>
								<span>GiONEE</span>
							</a>
						</li>
						
						<li>
							<a title="CASIO" href="/home/ViewMobilesBrand/Casio">
								<span>
									<img alt="CASIO" src="../../Content/images/300_X_79_CASIO-0x17.jpg">
								</span>
								<span>CASIO</span>
							</a>
						</li>
					</ul>
				</div>
			</div>
			
			<br>

			<div class="left_box">
				<div class="left_title">
					<a style="color: #FFF;" title="Máy tính bảng" href="/home/ViewTablets">
						<div class="white_bg">
							<div class="fl"><img alt="Máy tính bảng" src="../../Content/images/tablet_icon-30x22.png"></div>
							<div class="red_bg_left fl">
								Máy tính bảng				
							</div>
							<div class="fr"><img src="../../Content/images/right_menu_s.png"></div>
							<div class="clr"></div>
						</div>
					</a>
				</div>
				<div class="left_bellow_title"></div>
				<div class="suckerdiv">
					<ul id="suckertree2">
						<li>
							<a title="Apple iPad" href="/home/ViewTabletsBrand/Apple" class="subfolderstyle">
								<span><img alt="Apple iPad" src="../../Content/images/apple1-0x17.jpg"></span>						<span>Apple iPad</span>
							</a>
						</li>
						<li>
							<a title="Google Tablet" href="/home/ViewTabletsBrand/Nexus" class="subfolderstyle">
								<span><img alt="Google Tablet" src="../../Content/images/gg-0x17.jpg"></span>						<span>Google Tablet</span>
							</a>
						</li>
						<li>
							<a title="Samsung Galaxy Tab" href="/home/ViewTabletsBrand/SamSung" class="subfolderstyle">
								<span><img alt="Samsung Galaxy Tab" src="../../Content/images/samsung1-0x17.jpg"></span>						<span>Samsung Galaxy Tab</span>
							</a>
						</li>
						<li>
							<a title="LG Tablet" href="/home/ViewTabletsBrand/LG">
								<span><img alt="LG Tablet" src="../../Content/images/lg2-0x17.jpg"></span>						<span>LG Tablet</span>
							</a>
						</li>
						<li>
							<a title="BlackBerry PlayBook" href="/home/ViewTabletsBrand/BlackBerry">
								<span><img alt="BlackBerry PlayBook" src="../../Content/images/bb1-0x17.jpg"></span>						<span>BlackBerry PlayBook</span>
							</a>
						</li>
						<li>
							<a title="Microsoft Surface" href="/home/ViewTabletsBrand/Microsoft">
								<span><img alt="Microsoft Surface" src="../../Content/images/mic-0x17.jpg"></span>						<span>Microsoft Surface</span>
							</a>
						</li>
						<li>
							<a title="Sony Tablet" href="/home/ViewTabletsBrand/Sony">
								<span><img alt="Sony Tablet" src="../../Content/images/sony1-0x17.jpg"></span>						<span>Sony Tablet</span>
							</a>
						</li>
						<li>
							<a title="Acer Inconia Tab" href="/home/ViewTabletsBrand/Acer" class="subfolderstyle">
								<span><img alt="Acer Inconia Tab" src="../../Content/images/acer-0x17.jpg"></span>						<span>Acer Inconia Tab</span>
							</a>
						</li>
						<li>
							<a title="Motorola Xoom" href="/home/ViewTabletsBrand/Motorola">
								<span><img alt="Motorola Xoom" src="../../Content/images/motorola-0x17.jpg"></span>						<span>Motorola Xoom</span>
							</a>
						</li>
					</ul>
				</div>
			</div>
			
			<br>
			
			<div class="left_box">
				<div class="left_title">
					<a style="color: #FFF;" title="Phụ kiện theo dòng máy" href="/home/ViewPhuKiens/">
						<div class="white_bg">
							<div class="fl"><img alt="Phụ kiện theo dòng máy" src="../../Content/images/no-img-30x22.gif"></div>
							<div class="red_bg_left fl">
								Phụ kiện theo dòng máy				
							</div>
							<div class="fr"><img src="../../Content/images/right_menu_s.png"></div>
							<div class="clr"></div>
						</div>
					</a>
				</div>
				<div class="left_bellow_title"></div>
				<div class="suckerdiv">
					<ul id="suckertree3">
						<li>
							<a title="Phụ kiện iPad" href="/home/ViewPhuKiensBrand/Apple" class="subfolderstyle">
								<span>Phụ kiện iPad</span>
							</a>
						</li>
						<li>
							<a title="Phụ kiện iPhone" href="/home/ViewPhuKiensBrand/Apple" class="subfolderstyle">
								<span>Phụ kiện iPhone</span>
							</a>
						</li>
						<li>
							<a title="Phụ kiện samsung" href="/home/ViewPhuKiensBrand/SamSung" class="subfolderstyle">
								<span>Phụ kiện samsung</span>
							</a>
						</li>
						<li>
							<a title="Phụ kiện Sony" href="/home/ViewPhuKiensBrand/Sony" class="subfolderstyle">
								<span>Phụ kiện Sony</span>
							</a>
						</li>
						<li>
							<a title="Phụ kiện HTC" href="/home/ViewPhuKiensBrand/HTC" class="subfolderstyle">
								<span>Phụ kiện HTC</span>
							</a>
						</li>
						<li>
							<a title="Phụ kiện LG" href="/home/ViewPhuKiensBrand/LG" class="subfolderstyle">
								<span>Phụ kiện LG</span>
							</a>
						</li>
						<li>
							<a title="Phụ kiện Sky" href="/home/ViewPhuKiensBrand/SKY" class="subfolderstyle">
								<span>Phụ kiện Sky</span>
							</a>
						</li>
						<li>
							<a title="Phụ kiện BlackBerry" href="/home/ViewPhuKiensBrand/BlackBerry" class="subfolderstyle">
								<span>Phụ kiện BlackBerry</span>
							</a>
						</li>
					</ul>
				</div>
			</div>

			<br>



		</div>
	</div>
